require(['./config'], () => {
    require(['header', 'footer', 'jquery'], () => {
        class Register {
            constructor() {
                this.yanzheng()
            }
            yanzheng() {
                //验证姓名
                $("#name").on('blur', function () {
                    var nameStr = $(this).val()
                    var nameText = $(this).parent().find("i")
                    var nameTextErr = $(this).parent().find("b")
                    nameText.css("display", "block")
                    if (nameStr == "") {
                        nameTextErr.css("display", "block")
                    } else {
                        nameText.css("display", "block")
                    }
                })
                $("#name").on('focus', function () {
                    $(this).parent().find("i").css("display", "none")
                    $(this).parent().find("b").css("display", "none")
                })

                //验证邮箱
                $("#email").on('blur', function () {
                    var emailReg = /^\w{1,}@163.com$/
                    var emailStr = $(this).val()
                    // console.log(typeof emailStr);

                    var emailText = $(this).parent().find("i")
                    var emailTextErr = $(this).parent().find("b")

                    if (emailReg.test(emailStr)) {
                        emailText.css("display", "block")
                    } else {
                        emailTextErr.css("display", "block")
                    }
                })
                $("#email").on('focus', function () {
                    $(this).parent().find("i").css("display", "none")
                    $(this).parent().find("b").css("display", "none")
                })

                //验证手机
                $("#phone").on('blur', function () {
                    var phoneReg = /^1[3-9]\d{9}$/
                    var phoneStr = $(this).val()
                    // console.log(typeof phoneStr);

                    var phoneText = $(this).parent().find("i")
                    var phoneTextErr = $(this).parent().find("b")

                    if (phoneReg.test(phoneStr)) {
                        phoneText.css("display", "block")
                    } else {
                        phoneTextErr.css("display", "block")
                    }
                })
                $("#phone").on('focus', function () {
                    $(this).parent().find("i").css("display", "none")
                    $(this).parent().find("b").css("display", "none")
                })

                //验证生日
                $("#birth").on('blur', function () {
                    var birthStr = $(this).val()
                    var birthText = $(this).parent().find("i")
                    var birthTextErr = $(this).parent().find("b")
                    birthText.css("display", "block")
                    if (birthStr == "") {
                        birthTextErr.css("display", "block")
                    } else {
                        birthText.css("display", "block")
                    }
                })
                $("#birth").on('focus', function () {
                    $(this).parent().find("i").css("display", "none")
                    $(this).parent().find("b").css("display", "none")
                })

                //验证密码
                $("#psd").on('blur', function () {
                    var psdStr = $(this).val()
                    var psdText = $(this).parent().find("i")
                    var psdTextErr = $(this).parent().find("b")
                    psdText.css("display", "block")
                    if (psdStr == "") {
                        psdTextErr.css("display", "block")
                    } else {
                        psdText.css("display", "block")
                    }
                })
                $("#psd").on('focus', function () {
                    $(this).parent().find("i").css("display", "none")
                    $(this).parent().find("b").css("display", "none")
                })

                this.zhuce()
            }
            zhuce() {
                $(".join").on('click', function () {
                    // let pic = Array.from($("b").css("display"))
                    // let pic = $("b").css("display")
                    // console.log(pic);
                    //获取localStorage里面储存的数据
                    let arr = localStorage.getItem('userInfo') ? JSON.parse(localStorage.getItem('userInfo')) : []
                    let flag = false

                    let emailinput = $("#email").val()
                    let psdinput = $("#psd").val()
                    // console.log(emailinput);
                    // console.log(psdinput);
                    
                    arr.forEach(item => {
                        if(emailinput == item.email){
                            flag = true
                        }
                    })
                    if(flag){
                        alert("邮箱已存在，请直接去登录")
                        window.open('/html/login.html')
                    }else{
                        arr.push({
                            email:emailinput,
                            psd: psdinput
                        })
                        localStorage.setItem("userInfo", JSON.stringify(arr))
                        alert("注册成功，请登录")
                        window.open('/html/login.html')
                    }
                })




            }
        }
        return new Register()




    })
})